<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./nu.css">

</head>

<body>
    <div class="background">
        <header>
            <div>
                <img src="./登录 (1).png" alt="" class="img01"><br>
                <span class="s1">登录</span>
            </div>
            <div class="input">

                <img src="./搜索.png" alt="" class="img05">
                <span class="input_sp">请输入</span>
                <img src="./麦克风-空.png" alt="" class="img06">

            </div>
            <div>
                <img src="./交换.png" alt="" class="img02">
                <br>
                <span class="s1">版本</span>
            </div>
            <div>
                <img src="./客服 (1).png" alt="" class="img03">
                <br>
                <span class="s1">客服</span>
            </div>
            <div>
                <img src="./消息 (1).png" alt="" class="img04">
                <br>
                <span class="s1">消息</span>
            </div>


           

        </header>
    </div>
     <div class="open"></div>
            <div class="open1"></div>
            <div class="open2"></div>
            <div class="open3" onclick="fun()"></div>
    <div class="content">
        <div class="sm_img"><img src="./活钱宝.png" alt="">
            <br> <span>活钱宝</span>
        </div>
        <div class="sm_img1"><img src="./转账管理.png" alt="">
            <br> <span>账号转账</span>
        </div>
        <div class="sm_img2">
            <img src="./新.png" alt="" class="new"><img src="./公积金.png" alt="">
            <br> <span>全国住房公</span><br> <span style="margin-left: 35px;"> 积金</span>
        </div>
        <div class="sm_img3"><img src="./我的理财.png" alt="">
            <br> <span>我的理财</span>
        </div>
        <div class="sm_img4"><img src="./贷款.png" alt="">
            <br> <span>贷款</span>
        </div>
        <div class="sm_img5"><img src="./话费.png" alt="">
            <br> <span>话费充值</span>
        </div>
        <div class="sm_img6"><img src="./薪酬管理.png" alt="">
            <br> <span>薪酬管家</span>
        </div>
        <div class="sm_img7"><img src="./转账.png" alt="">
            <br> <span>转账记录查</span><br><span style="margin-left: 35px;">询</span>
        </div>
        <div class="sm_img8"><img src="./理财.png" alt="">
            <br> <span>理财</span>
        </div>
        <div class="sm_img9"><img src="./更多.png" alt="">
            <br> <span>更多</span>
        </div>
    </div>
    <div class="ZYTT">
        <div class="zi">
            <span class="z1">中银</span>
            <span class="z2">头条</span>
        </div>
        <div class="scroll-container">
            <ul class="announcements">
                <li class="li11">债务天天看(20240426)</li>
                <li>【大成周评】业绩好于预期,A股 &nbsp;震荡偏强</li>
                <li>【每日收评】4月26日:沪指创年内 &nbsp;收盘新高，北向...</li>
                <li>【双创日评】创指大涨3.34%，折 &nbsp;叠屏手机成智能手机...</li>
                <li>【生贤说军工】军工震荡反弹，能 &nbsp;不能上车？</li>
                <li>【数字日评】沪指放量涨超1%,&nbsp;桌面机器人或成为A...</li>
            </ul>
        </div>
        <div>
            <img src="./右.png" alt="" class="you">
        </div>
    </div>
    <div class="tuijian">
        <p class="p1">为您推荐</p>
        <div class="box1">
            <span class="sp1">726.77</span>
            <span class="sp2">545.17</span>
            <span class="sp3">3088.64</span>
            <img src="./上箭头.png" alt="" class="shang"><br>
            <span class="sp4">美元(USD)</span>
            <span class="sp5">黄金(AU)</span>
            <span class="sp6">上证指数</span>
            <hr style="color: #F5F5F5; width: 90%; margin-left: 15px; margin-top:25px;">
            <span class="sp7">稳健策略</span>
            <span class="sp8">中银理财-欣享天添</span><br>
            <span class="sp9">财富臻选</span>
            <div class="xxx1"><span class="sp10">理财</span></div>
            <span class="sp11">0.01起购</span><br>
            <span class="sp12">新发基金</span>
            <span class="sp13">南方中证通信服务ETF</span><br>
            <span class="sp14">为您精选</span>
            <div class="xxx2"><span class="sp15">基金</span></div>
            <span class="sp16">1.00元起购</span><br>
            <div class="xbox1"><span class="sp17">查看更多></span></div>
        </div>
        <div id="carousel-container">
            <img src="./猪.jpg" alt="Image 1">
            <img src="./图2.jpg" alt="Image 2">
            <img src="./金.jpg" alt="Image 3">
        </div>
        <script>
            var container = document.getElementById('carousel-container');
            var images = container.getElementsByTagName('img');
            // 定义索引变量
            var currentIndex = 0;
            // 切换图片的函数
            function showImage(index) {
                // 隐藏所有图片
                for (var i = 0; i < images.length; i++) {
                    images[i].style.opacity = 0;
                }
                // 显示指定索引的图片
                images[index].style.opacity = 1;
            }
            // 自动切换图片的函数
            function autoSlide() {
                // 切换到下一张图片
                currentIndex++;
                if (currentIndex >= images.length) {
                    currentIndex = 0;
                }
                // 显示当前图片
                showImage(currentIndex);
            }
            // 定时触发自动切换
            setInterval(autoSlide, 4000);
            function fun() {
                window.location.assign("./zhnaghao.html");
            }
            function fun1() {
                window.location.assign("./yinhang.html");
            }

        </script>
        
    </div> 
    <p class="p2">热门活动</p> <img src="./右 (1).png" alt="" class="you11">
    <div class="HD">
       <div> <img src="./兑换.jpg" alt="" class="imggg1"></div>
       <div>  <img src="./分享.jpg" alt="" class="imggg2">
        <img src="./晋级.jpg" alt="" class="imggg3"></div>
    </div>
    <p class="p3">热议话题</p><img src="./右 (1).png" alt="" class="you11">
    <div class="lvyou"><br>
        <span class="sp19">外出旅行,您会选择自由行还是跟团游?</span><br>
        <br><img src="./人群.png" alt=""  >
        <span class="sp18">10.4w+人已参与</span>
        <div class="lan">自由行76%</div>
        <div class="hong"> 跟团游23%</div>
    </div>
    <p class="p4">特色服务</p>
    <img src="./特色服务.jpg" alt="" width="380px" height="450px">
    <p class="p5">我的网点</p>
    <img src="./右 (1).png" alt="" class="you11">
    <div class="wangdian"><br>
        <span class="sp21" onclick="fun1()">中国银行太原杏花岭支行</span>
        <img src="./右 (1).png" alt="" class="you12" onclick="fun1()"><br>
        <span class="sp22">&nbsp; &nbsp;山西省太原市杏花岭区五一路193号<br>&nbsp; &nbsp;精营小区底商<br>&nbsp; &nbsp;距您</span>
        <span>844m</span><br>
        <img src="./导航.png" alt="" class="wimg1">
        <img src="./电话.png" alt="" class="wimg2">
        <span class="sp23">导航</span>
        <span class="sp24">电话</span>
        <hr>
        <span class="sp20"> &nbsp; &nbsp;&nbsp;立即取号 &nbsp; &nbsp; &nbsp; &nbsp;外币现钞预约 &nbsp; &nbsp;  &nbsp; &nbsp;卡片挂失</span>

    </div>
    <p class="p6">消保学堂</p>
    <img src="./右 (1).png" alt="" class="you11"><br>
    <img src="./消防.jpg" alt="" class="xiaof1">
    <div class="buttom">
        <div class="buttom1"><span>+定制个性化首页</span></div><br><br>
        <span class="sp26">隐私政策 | 关于我们 | 投诉渠道</span>
    </div>
        

    </div>
    <div class="credit-card-bottom">
       <div class="credit-card-box-bottom">
            <div class="credit-card-bottom-div"><img src="./钻石.png" alt=""><span>首页</span></div>
            <div class="credit-card-bottom-div"><img src="./信用卡1.png" alt=""><span>信用卡</span></div>
            <div class="credit-card-bottom-div"><img src="./=财富.png" alt=""><span>财富</span></div>
            <div class="credit-card-bottom-div"><img src="./生活.png" alt=""><span>生活</span></div>
            <div class="credit-card-bottom-div"><img src="./我的.png" alt=""><span>我的</span></div>
       </div>
       </div>










</body>

</html>